$(function(){

     // 基于准备好的dom，初始化echarts实例
     var myChart1 = echarts.init(document.getElementById('c1'));

     // 指定图表的配置项和数据
     var option1 = {
         title: {
             text: '1997年销量统计'
         },
         tooltip: {},
         legend: {
             data:['销量' ,  '趋势']
         },
         xAxis: {
            data: ["一月","二月","三月","四月","五月","六月"]
         },
         yAxis: {},
         series: [
             {
             name: '销量',
             type: 'bar',
             data: [1500, 900, 660, 1300, 1000, 2000]
         },
             {
             name: '趋势',
             type: 'line',
             data: [1500, 900, 660, 1300, 1000, 2000]
         }
        ]
     };

     // 使用刚指定的配置项和数据显示图表。
     myChart1.setOption(option1);




     var myChart2 = echarts.init(document.getElementById('c2'));

     // 指定图表的配置项和数据
     var option2 = {
        title : {
            text: '鞋子销量统计',
            x:'center'
        },
        tooltip : {
            trigger: 'item',
            formatter: "{a} <br/>{b} : {c} ({d}%)"
        },
        legend: {
            orient: 'vertical',
            left: 'left',
            data: ['Air Jordan凉鞋','香奈儿拖鞋','阿迪布鞋','李宁草鞋','老北京篮球鞋']
        },
        series : [
            {
                name: '访问来源',
                type: 'pie',
                radius : '55%',
                center: ['50%', '60%'],
                data:[
                    {value:335, name:'Air Jordan凉鞋'},
                    {value:310, name:'香奈儿拖鞋'},
                    {value:234, name:'阿迪布鞋'},
                    {value:135, name:'李宁草鞋'},
                    {value:1548, name:'老北京篮球鞋'}
                ],
                itemStyle: {
                    emphasis: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                }
            }
        ]
    };
    

     // 使用刚指定的配置项和数据显示图表。
     myChart2.setOption(option2);
})